<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
   			<link href="#{facesContext.externalContext.requestContextPath}/resources/css/style.css" type="text/css" rel="stylesheet"></link>
</h:head>
<h:body>
   <div id="autentication">
			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td width="100%" height="150px"/>
				</tr>
				<tr>
					<td width="100%" height="300px">
						<table>
							<tr>
								<td  width="350px" height="100px"/>
								<td  width="350px">
									<h:outputText value="#{msg.welcome}" styleClass="welcomeAuth" />
									<br/><br />
									<h:message for="login" styleClass="required"/><br/>
									<h:message for="password" styleClass="required"/><br/><br />
								</td>
							</tr>
							<tr>
								<td  width="350px" height="200px">
								</td>
								<td  width="350px">
									<h:form id="loginForm">
									<table>
										<tr>
											<td></td>
											<td></td>
										</tr>
										<tr>
											<td width="40%"><h:outputLabel value="#{msg.login}"/></td>
			    							<td width="60%"><h:inputText autocomplete="off"  id="login" value="#{LoginController.loginView.login}" 
			    							required="true" requiredMessage="#{msg.requiredLogin}"  size="25"/>
												 </td>
										</tr>
										<tr>
											<td width="40%"><h:outputLabel  value="#{msg.password}"/></td>
			    							<td width="60%"><h:inputSecret autocomplete="off"  id="password" value="#{LoginController.loginView.password}" 
			    							required="true" requiredMessage="#{msg.requiredPassword}" size="25" />
												 </td>
										</tr>
										<tr>
				    						<td width="60%"/>
				    						<td align="right">  
				    							<h:commandButton  value="Log On" action="#{LoginController.loginAction}"  />
				    						</td>
										</tr>
									</table>
									</h:form>
								</td>
								<td  width="26px" height="300px"/>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="100%" height="100"/>
				</tr>
			</table>
	</div>
</h:body>
</html>